em {
    font-size: 15px;
}


p.font-weight-bolder.text-hover-primary.crm-customer-otp {
    font-size: 12px;
    color: #dc3545 !important;
    font-weight: 400 !important;
    line-height: 15px;
    font-size: 12px;
    margin: 0 4px;
}

.right-side button {
    border-radius: 40px !important;
}
.stepper-content  span.text-justify.text-danger.mx-1 {
    padding-left: 0;
}
.right-side .BackBtn {margin-right: 10px!important;}
.stepper-side .html-name {
    text-transform: capitalize;
    line-height: 24px;
    font-weight: bold;
    font-family: arial;
    color: #ffffff;
    padding: 15px 0;
    text-align: center;
    font-size: 17px;
    border-radius: 10px 10px 0 0;
    background: #147093;
}

.stepper-side .html-block-added {
    min-height: 240px;
}

.stepper-side .col-md-3 {
    margin-bottom: 55px;
}

.stepNameContainer p:first-child {
    height: 25px !important;
    width: 25px !important ;
    padding: 2px 6px !important;
}

.head-container p {
    font-size: 14px !important;
}

.section-stepper-header {
    padding: 0 0 !important;
}

.row.stepper-side {
    padding-top: 40px!important;
}
mat-checkbox:first-child {
    margin-top: 10px;
}
.view-content .col-md-6.text-center {
    margin: auto 0;
    float: left;
    margin-bottom: 50px;
}


.container.inner-content {
    padding: 40px 0 0;
    text-align: center;
}

.inner-content .section.row.multi-grid-icons {
    margin-top: 35px;
}

.inner-content .section-heading.main-header,.inner-content .section-heading.main-heading {
    margin-top: 40px;
    margin-bottom: 20px;
    text-align: center;
    font-size: 29px;
    color: #0091d0;
}
 .html-data-text:hover {
    color: initial!important;
}
.inner-content .section.over-view .col-md-4:hover img {opacity:0.9;}

.inner-content .section.over-view .col-md-4:hover h2 {color:#ec8a2a;}
  
.inner-content .section.over-view .col-md-4:hover a {text-decoration:none;}
 
.inner-content .section.over-view h2.section-heading.main-header {
    font-size: 18px;
    margin: 0px 0 35px 0px;
}
.inner-content  .multi-row-icons .col-md-4 img {
    float: initial;
    width: 40%;
    height: 100px;
    margin: 5px auto 20px;
    object-fit: contain;
}

 .inner-content .well
 {
       min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
        padding: 19px 0 0 0;
    height: 190px;
 }

.floating-btn a.btn.btn-default:hover,.floating-btn a.btn.btn-default:active,.floating-btn a.btn.btn-default:focus {
    background: #bbbbbb !important;
    border-color: #bbbbbb !important;
    border-bottom: 3px solid #828181 !important;
}
 .floating-btn a.btn.btn-default {
 background: rgb(0, 145, 208);
    border-color: rgb(0, 145, 208);
    border: none;
    border-radius: 0 0 3px 0;
    border-bottom: 3px solid #016894 !important;
    font-size: 13px;
    text-shadow: none;
    padding: 10px 5px !important;
    text-decoration: none;
    color: #ffffff;
    display: block;
    text-align: center;
    line-height: 18px;
}
.floating-btn .fa {
    font-size: 22px;
    padding: 3px 0 6px 0;
}
.floating-btn {
    /*display: none;*/
    width: 91px;
    position: fixed;
    z-index: 1;
    box-shadow: 1px 1px 3px 1px rgb(0 0 0 / 13%);
    top: 50%;
    left: 0px;
    overflow-x: hidden;
    padding: 0;
    padding-top: 0 !important;
}

.floating-btn a:hover .fa {
    color: #0091d0;
}
.section.row.multi-grid-icons h4 {
    font-size: 18px;
}
.multi-row-icons .col-md-8 a.btn.btn-default {
    margin-bottom: 10px;
}



.inner-img .col-md-12 span.view-description {
  /*  top: -111px;*/
   /* font-size: 18px;*/
   /* font-weight: 100;*/
}

.multi-row-icons .col-md-8 .section-heading, .multi-row-icons .col-md-10 .section-heading,.multi-row-icons .col-md-8, .multi-row-icons .col-md-10 {
    margin-bottom: 5px;
    font-size: 24px;
    color: #4a4a4a;
    text-align: initial
}
.row.multi-row-icons h4 {
    font-size: 17px;
}

.section-heading {
    font-size: 29px;
    color: #0091d0;
    margin-bottom: 0;
}
 

.row.multi-grid-icons > div:first-child hr {
    margin-top: 25px;
}



.cntct-us  .well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
}


.cntct-us .col-sm-6 {
	padding: 0;
}
.col-sm-12.cntct-us .well h3 {
	text-align: left;
	font-weight: normal;
}
.row .col-sm-12.cntct-us {
    
    Margin-top:25px;
	margin-bottom: 5px;

}
.cntct-us h1 {
	margin: 0px;
	color: #333;
	font-size: 22px;
}
.cntct-us p {
	padding-left: 26px;
}
.cntct-us p.company-name {
	font-size: 16px;
	margin-top: 7px;
	padding-left: 0;
}
.cntct-us .fa {
	line-height: 6%;
	color: #0091d0  !important;
	margin-left: -25px;
	font-size: 17px;
	padding-right: 5px;
}

h5.section-heading {
    font-size: 19px;
    line-height: 26px;
    color: #393839;
    font-weight: 500;
}
 .view-content {
    text-align: initial;
}

.section-bottom {
    margin-top: 40px;
}


.mat-checkbox {
    float: left;
    width: 100%;
}

.mat-checkbox-checked.mat-accent .mat-checkbox-background, .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
    background-color: #0091d0 !important;
}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element, .mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element {
    background: #0091d0  !important;
}
.row.multi-row-icons .col-md-4 {
    text-align: center;
}
.view-content .row {
    width: 100%;
}
mat-label {
    font-weight: 600;
    font-family:arial !important;
}

.mat-form-field-label, .mat-hint
{	color: #333;}
    
.mat-form-field ,.mat-checkbox {
 	font-family: Arial !important;   
    
}
    .section.over-view {
    width: 100%;
}



/*   profile   */

.profile .data-cells {
    width: 100%;
}
.profile .data-cells>div {
    width: 33.333%;
    float: left;
    padding: 5px 15px 5px 15px;
}
.profile input {
    padding: 5px 15px;
}

.profile .form-control{
   display: block;
   width: 100%;
   height: calc(1.5em + 1.3rem + 2px);
   padding: 0.65rem 1rem;
   font-size: 1rem;
   font-weight: 400;
   line-height: 1.5;
   color: #495057;
   background-color: #fff;
   background-clip: padding-box;
   border: 1px solid #e2e5ec;
   border-radius: 4px;
   -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
   transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
   transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
   transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}


.profile .btn {
    transition: all 0.3s ease-in-out;
    border-radius: 2px;
    background: #ec8a2a;
    border-color: #ec8a2a;
    color: #fff;
    font-weight: 100;
    padding: 3px 20px;
    font-size: 15px;
    margin: 0 0 0 15px;
    width: max-content;
    float: right;
    
}


.profile label {
    margin-bottom: 3px;
}

.profile .ng-select.ng-select-single .ng-select-container {height: 47px;}


 .profile span.view-title {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1;
    top: -147px;
    text-align: center;
    color: #fff !important;
    padding: 20px;
    font-size: 40px;
    font-weight: bold;
}

.reset-password {
    margin-top: 30px;
    background: #f8f8f8;
    padding: 15px;
    border-radius: 10px;
    box-shadow: 0 0 10px #f1f1f1;
    border: 1px solid #eff1f3 !important;
    display: inline-block;
    width: 100%;
}
form.user-form {
    background: #f8f8f8;
    padding: 15px;
    border-radius: 10px;
    box-shadow: 0 0 10px #f1f1f1;
    border: 1px solid #eff1f3 !important;
    display: inline-block;
}
.reset-password > form > .form-group > label {
    margin-top: 40px;
    margin-bottom: 20px;
    text-align: center;
    font-size: 21px;
    color: #0091d0;
}

.edit-icon i {
    display: none;
}
/* Request */

.request .col-4.form-block,.col-12.form-block {
    padding: 10px 5px;
}
/*.request .form-control {
    background-color: rgb(241 241 245 / 20%) !important;
    border: 1px #d3c7c7 solid !important;
}
.request .col-4.form-block,.request .col-12.form-block {
    padding: 10px 5px;
}*/
/* form */

.form-block {
    padding: 10px 5px;
}


/*product mapping*/
.html-data-text {
    border-style: solid;
    border-width: 3px 3px 3px 3px;
    border-color: #219EBC54;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin: 0px 10px 0px 10px;
    --e-column-margin-right: 10px;
    --e-column-margin-left: 10px;
    padding: 30px 20px 30px 20px;
    border-radius: 0;
    text-align: left;
    background: white;
    height: 100%;
}

.html-data-text .button-container button {
    padding: 0 0;

    background: linear-gradient(73deg,#f8a451 0%,#ec8a2a 70%);
    border-radius: 0px 0px 0px 0px;
    padding: 10px 25px 10px 25px;
    color: #fff;}

.html-data-text .button-container button:hover {
    background: #2a93ce;
}

.html-data-text .html-block p {
    font-size: 20px;
    color: #023047;
    text-align: left;
    text-transform: capitalize;
    line-height: 24px;
    font-weight: bold;
    font-family: arial;
}

.html-data-text .mt-4.button-container {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 0;
    text-align: left !important;
}


.left-side b i {
    margin-right: 10px;
    color: #2491d0;
}

.left-side p {
    padding: 10px 0 0 10px;
}

.left-side p label {
    padding-left: 10px;
}

.left-side {
    border-bottom: 1px solid #d8d8d8;
}



.right-side form .col-md-5 {
    background: #f8f8f8;
    padding: 15px;
    border-radius: 10px;
    box-shadow: 0 0 10px #f1f1f1;
    border: 1px solid #eff1f3 !important;
    display: inline-block;    margin-bottom: 0;
}

table.sub_type_table_price {
    width: 100%;
}

.sub_type_table_price tr {
    border-bottom: 1px solid #b4b4b4;
}

.right-side form .col-md-5 .col-xs-12 {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    padding: 10px 0px 0;
}

.right-side form .col-md-5 .btn {
    margin-left: 5px;
}

.right-side .next-btn {
    background: #ec8a2a;
    color: #fff;
    border-radius: 2px;
    border:none
}

.right-side .btn {
    background: #ec8a2a;
    color: #fff;
    border-radius: 2px;
    border: none;
}

.right-side .btn:hover{
    background: #852540;
    color:#fff
}

.right-side span.cr-label {
    color: #393839 !important;
    top: 0 !important;
}

.btn:focus {
    box-shadow: none;
}

.head-container {
    display: flex;
    align-content: center;
    justify-content: space-between;
    margin: 15px;
    border-bottom: 1px solid #c1c1c1;
}

.stepNameContainer {
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
}

.stepNameContainer p:first-child {
    color: #fff;
    background-color: #c1c1c1;
    height: 35px;
    width: 36px;
    bottom: 82px;
    padding: 6px 9px;
    border-radius: 35px;
    box-shadow: 0 1px 4px rgb(181 181 181/66%);
    margin-bottom: 10px;
    cursor:pointer;
}
.stepNameContainer p.active{
        background-color: #ec8a2a;
}

.parameter-range input {
    width: 100%;
}

.parameter-name label {
    font-weight: 700;
}

/*.dashboard-subscription-list {
    border-top: 1px solid #eeeeee;
    padding-top: 10px;
}*/

.slidecontainer p {
    margin-bottom: 0;
}

.right-side .next-btn {
    padding: 3px 18px;
}


.right-side .BackBtn {
    margin-right: 15px;
    background: #939598;
    color: #fff;
    border-radius: 2px;
    border: none;
    padding: 3px 18px
}

.right-side .BackBtn:focus {box-shadow: none;}

.step-title {
    display: flex;
    justify-content: center;
}

.sub_type_table_price tr label {
    margin-top: .5rem;
}

.sub_type_table_price tr td:nth-child(2) {
    text-align: center;
}


.data-cells {
    display: flex;
    flex-wrap: wrap;
}


.data-cells p {
    color: gray;
    margin-bottom: 5px;
}

.CR, .name, .CompanyName,.fullname, .email, .phone, .mobile, .address, .country , .city, .currency, .source, .password, .confim-password, .status, .paymentMethod,.stepper-content .data-cells > div{
        flex: 0 0 33.333333%;
    max-width: 33.333333%;
        padding: 0 15px;
}

.stepper-content .data-cells > div,.CR, .name, .CompanyName,.fullname, .email, .phone, .mobile, .address, .country , .city, .currency, .source, .password, .confim-password, .status, .paymentMethod .input{
    margin-bottom:15px;
}

/*.user-form button.btn {*/
/*     margin-right: 15px;*/
/*    background: #939598;*/
/*    color: #fff;*/
/*    border-radius: 2px;*/
/*    border: none;*/
/*    padding: 3px 18px;*/
/*    margin:;*/
/*}*/

/*.user-form button.next-btn {*/
/*    background: #ec8a2a;*/
/*    color: #fff;*/
/*    border-radius: 2px;*/
/*    border: none;*/
/*    padding: 3px 18px;*/
/*    margin:0;*/
/*}*/



/*.buttons-section .btn:last-child {*/
/*    background: #ec8a2a;*/
/*    margin-right:0;*/
/*}*/

app-basic-profile .d-flex.row {
    margin: 0 15px;
}

.ng-select .ng-select-container {
    display: flex;
    justify-content: space-between;
}

.ng-select .ng-select-container .ng-value-container .ng-placeholder {
    margin: 0;
}

.ng-value-container {
    margin-bottom: 0;
}


.paymentMethod {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
    position:relative;
    width: 100%;
    /* display: block; */
}

.paymentMethod .form-control{
    height: auto;
    position:absolute;
    left: 13px;
    width: auto;
}


.paymentMethod label:first-child {
    padding-left: 20px;
}

.paymentMethod label {
    margin: 0;
}

.submit-btn{
    background: #ec8a2a;
    margin-right: 15px;
    color: #fff;
    border-radius: 2px;
    border: none;
    padding: 3px 18px;
}

.submit-btn:hover{
    background: #852540;
}

.row.buttons-section {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    padding: 10px 0;
    margin:0;
    
}

.buttons-section .primary-btn{
    background: #ec8a2a;
    color: #fff;
    border-radius: 2px;
    border: none;
    padding: 3px 18px;
    margin-left:15px;
}

.buttons-section .btn-secondary{
    background: #939598;
    color: #fff;
    border-radius: 2px;
    border: none;
    padding: 3px 18px;
}

.profile .btn.btn-secondary{
    background: #939598;
        border-color: #939598;
}
.installments-detail-items .item {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

.installments-detail-items {
    display: flex;
    flex-wrap: wrap;
    padding: 0 15px;
    margin-bottom: 20px;
}

.installments-detail-items .item .control-label {
    font-weight: 700;
}

.installments-detail-items .item .control-label span {
    font-weight: 300;
}


.order-container .order-summary {
    background: #f8f8f8;
    padding: 15px;
    border-radius: 10px;
    box-shadow: 0 0 10px #f1f1f1;
    border: 1px solid #eff1f3 !important;
    display: inline-block;
}

.order-container .order-summary .parameters-loop label.param-name {
    font-weight: 500;
}

.order-container .order-summary .parameters-loop span {
    margin-right: 20px;
}

.optional-add-ons p small {
    color: #ec8a2a;
}

.parameter-name{
    justify-content: space-between;
    align-items: center;
}

.payment-methods .control-label input {
    margin-left: 15px;
}

.order-container {
    border-top: 0 !important;
    margin: 0 15px;
}

.order-container ~ .buttons-section {
    padding: 15px;
}


.reset-password .top-reset {display: flex;justify-content: space-between;margin-bottom: 1rem;}

.reset-password .form-group {
    margin-bottom: 0;
}

.form-check-input {
    margin-left: 0;
}


.form-check-label {
    padding-left: 20px;
}

.add-ons-form{
    background: #f8f8f8;
    padding: 15px;
    border-radius: 10px;
    box-shadow: 0 0 10px #f1f1f1;
    border: 1px solid #eff1f3;
}

.optional-add-ons p{
    font-weight: 700;
}

.fees-summary{
    margin-top:25px;
    position:relative
}

.fees-summary b i{
        margin-right: 10px;
    color: #2491d0;
}
.stepper-side table.sub_type_table_price ~ .row .col-xs-12 {
    justify-content: flex-end;
    display: flex;
    padding: 0;
}

.stepper-content app-basic-profile .row.buttons-section .col-xs-12 {
    display: flex
;
    justify-content: flex-end;
}
.stepper-content app-basic-profile span.kt-input-icon__icon.kt-input-icon__icon--right {
    top: 8px;
    right: 10px;
}

.signup-form .btn-default{
    border-radius:50px;
}

.signup-form .d-inline-flex.justify-content-center {
    border-top: 1px #d1d1d1 dashed;
    padding-top: 15px;
}


.opt-modal .col-12.px-0.verificationProfile {
    padding-bottom: 50px;
}

.opt-modal .stepper-content {
        min-height: fit-content;
}

.opt-modal .timer-container {
    margin-top: -100px;
}

.opt-modal .timer-container {
    margin-bottom: 40px;
}

.opt-modal .timer-container a{
    cursor:pointer;
}
.signup-form .btn-default{
       border-radius: 50px !important;
}

.row.buttons-section .col-xs-12 {
    justify-content: flex-end;
    display: flex
;
}

@media (max-width: 1199px){
    
    .custom-box.installments-container.installments-card {
    background: url(/Resources/3/Icons-plan-reg1.png) right !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}
    
}

/*Mobile*/
@media (max-width: 992px){

.col-md-12.text-center {
    padding: 10px 0px 15px;
}

.html-data-text {
    margin-bottom: 10px;

}


}

@media (max-width: 767px){
    #packageName {
    margin-top: 10px;
}.row.stepper-side .row .col-md-3,.row.stepper-side .col-md-4 {
    padding: 0;
}

.stepper-side .left-side {
    margin-top: 30px;
}
    .head-container p {
    font-size: 12px !important;
}

    .inner-content .section-heading.main-header, .inner-content .section-heading.main-heading {
    margin-top: 15px;
    }

    
     .view-img img , .view-img 
     {
         height:150px;
         
     }
.inner-img .col-md-12 span.view-title,.inner-img .col-md-12 span.view-description {

    top: -80px;
    font-size: 18px;
}
    
    
    .col-4.form-block {
    max-width: 100%;
    width: 100%;
    flex-basis: auto;
}
.section-bottom h3
{
    font-size:20px;
    
}
.view-content .row {
    margin: 0;
}
.container.inner-content {
    padding: 10px 0 0;}
    
    


.inner-img .col-md-12 span.view-title, 
.inner-img .col-md-12 span.view-description {
    font-size: 30px;
    top: -120px;
}
    
    .form-check-label {
    display: block ;
}
 
    
}



@media (max-width: 575px){


.user-form .data-cells>div {
    width: 100%;
    float: none;
    flex: 0 0 100%;
    max-width: 100%;
}
    
}

.html-data-container {
    height: 100%;
}

.html-data-container .col-md-3 {
    padding: 0;
}

.html-block {
    text-align: left;
}

.col-lg-12.col-md-12.col-sm-12 {
    padding: 0;
}

.right-side {
    padding: 0;
}



.stepper-content  form.user-form {
    margin-top: 50px;
}


.stepper-content  form.user-form {
    padding: 30px;
    background-color: #fff;
    box-shadow: 0 0 10px 5px #00000008;
}


.stepper-content  .data-cells {
    text-align: left;
    border-bottom: 1px #d1d1d1 dashed;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.stepper-content  .data-cells label {
    margin-bottom: 0;
    font-weight: bold;
 
}

.stepper-content  .buttons-section .primary-btn {
background: #faa74a;
}

.stepper-content .btn {
    border-radius: 40px !important;
}

.row.buttons-section {
    padding-bottom: 0;
}


.right-side form .col-md-5 .col-xs-12 button {
    border-radius: 40px;
    font-size: 16px;
    padding: 5px 23px;
}

.opt-modal {
    vertical-align: top;
    padding: 30px 20px;
    background: #fff;
    -webkit-box-shadow: 1px 2px 3px 0 #e5e5e5;
    -moz-box-shadow: 1px 2px 3px 0 #e5e5e5;
    -ms-box-shadow: 1px 2px 3px 0 #e5e5e5;
    box-shadow: 0px 0 6px 0px rgb(0 0 0 / 15%);
    border-radius: 5px;
    flex-grow: 1;
    max-width: 100%;
    margin-top: 50px;
    flex-grow: 1;
    margin-left: 0;
    margin-bottom: 10px;
}


.opt-modal .stepper-content:after {
    flex-basis: calc(50% - 41px);
    max-width: calc(50% - 41px);
    margin-left: 40px;
    background: url(/Resources/3/icons-opt-bg.png);
    background-repeat: no-repeat;
    background-position: 40% center;
    background-size: contain;
    filter: brightness(1.1) saturate(60%);
    content: '';
    height: auto;
    order: 1;
}

.opt-modal .signup-form h1 {
    font-size: 20px;
    line-height: 45px;
    text-transform: capitalize;
    margin-bottom: 0;
    position: relative;
    padding-left: 0;
    padding-left: 20px;
    text-align: left;
}

.opt-modal .signup-form h1:before {
    content: '';
    background: #3095cc;
    position: absolute;
    width: 7px;
    height: 24px;
    margin-top: 10px;
    left: 0;
}

.opt-modal p {
    margin-bottom: 0;
    text-align:left;
    font-size: 16px;
    PADDING-LEFT: 21px;
    COLOR: #666;
    MARGIN-BOTTOM: 13px;
}

.opt-modal .verification-option {
    TEXT-ALIGN: LEFT;
    PADDING-LEFT: 20px;
}

.opt-modal label.custom-radio {
    MARGIN-RIGHT: 10px;
}


.opt-modal button {
    text-transform: uppercase;
    padding: 15px 30px 15px;
    background-color: var(--insur-black);
    box-shadow: none;
    text-decoration: none;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    -webkit-appearance: none;
    appearance: none;
    outline: 0!important;
    background-color: #f8a452;
    color: #fff;
    font-weight: 500;
    transition: all .5s linear;
    overflow: hidden;
    z-index: 1;
    border-radius: 40px;
    border: 0;
}



lib-otp:after {
    flex-basis: calc(50% - 41px);
    max-width: calc(50% - 41px);
    margin-left: 40px;
    background: url(/Resources/3/icons-opt-bg.png);
    background-repeat: no-repeat;
    background-position: 40% center;
    background-size: contain;
    content: '';
    height: auto;
    order: 1;
    padding-right: 10%;
    margin-top: 20px;
    -webkit-filter: hue-rotate(223deg);
}

lib-otp {
    display: flex;
}

.opt-modal .footer-stepper {
    justify-content: right!important;
    border-top: 1px #d1d1d1 dashed;
    padding-bottom: 0;
    margin-bottom: 10px;
    padding-top: 20px ;
    margin-top: 10px!important;
}

.footer-stepper button {
    font-size: 14px;
    padding: 7px 23px;
}

button.btn-default.back-btn {
    margin-right: 10px;
    background: #939598;
}


p.inserOtp-title {
    font-size: 20px;
    line-height: 45px;
    text-transform: capitalize;
    margin-bottom: 0;
    position: relative;
    padding-left: 20px;color:#333;
}

p.inserOtp-title:before {
    content: '';
    background: #3095cc;
    position: absolute;
    width: 7px;
    height: 24px;
    margin-top: 10px;
    left: 0;
}

input#verificationInput {
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    width: 100%;
    margin-left: 20px;
}

.timer-container {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    margin-left: 20px;
    margin-bottom: 10px;
}

.timer-container a {
    color: #26a9dd;
    font-weight: bold;
}

.timer-container p.expiredText {
    padding-left: 0;
    margin-bottom: 0;
}input#verificationInput {
    width: 96%;
}

.open-installments {
    padding: 30px;
    background-color: #fff;
    box-shadow: 0 0 10px 5px #00000008;
    margin-top: 50px;
}


.installments-detail-items .item {
    text-align: left;
    margin-bottom: 20px;
}

.installments-detail-items .item .control-label span {
    display: block;
    color: #666;
}

.installments-detail-items .item .control-label {
    margin-bottom: 3px;
    
}

.installments-detail-items {
    margin-bottom: 0;
}


.right-side form .col-md-5 {
    margin-bottom: 0!important;
}


.last-step-lms lib-lms-meps {
display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.last-step-lms lib-lms-meps .order-container .order-summary {
    padding: 0;
    background: none;
    box-shadow: none;
    border: 0 !important;
    text-align: left;
}.last-step-lms lib-lms-meps div#add-btns {
    margin-top: 40px !important;
}

.last-step-lms lib-lms-meps .parameters-loop {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.last-step-lms lib-lms-meps .parameters-value .cont-in {
    width: 100%;
}


.last-step-lms lib-lms-meps .row.buttons-section {
    flex: 0 0 100%;
    max-width: 100%;
    order: 2;
    border-top: 1px #d1d1d1 dashed;
}

.last-step-lms lib-lms-meps div#add-btns {
    order: 1;
    flex-grow: 1;
    max-width: 100%;
    padding-top: 0 !important;
    margin: 0;
}

.last-step-lms lib-lms-meps .product-name {
    font-size: 20px;
    line-height: 45px;
    text-transform: capitalize;
    margin-bottom: 0;
    position: relative;
    padding-left: 20px;
    text-align: left;
    font-weight: bold;
}

.last-step-lms lib-lms-meps .product-name:before {
    content: '';
    background: #3095cc;
    position: absolute;
    width: 7px;
    height: 24px;
    margin-top: 10px;
    left: 0;
}

.last-step-lms lib-lms-meps .parameters-value {
    padding: 15px;
    background-color: #f9f9f9;
    padding-top: 10px;

}

.last-step-lms lib-lms-meps .summary-title label {
    margin-bottom: 0;
}

.last-step-lms lib-lms-meps .summary-title {
    border-radius: 6px 6px 0 0;
    margin-left: 20px;
}

.last-step-lms lib-lms-meps .payment-duration {
    margin-left: 20px;
}


.last-step-lms lib-lms-meps  .parameters-loop:last-child {
    border: 0;
}
.last-step-lms lib-lms-meps .parameters-value .cont-in {display: flex;justify-content: space-between;border-bottom: 1px #ebebeb solid;padding: 10px 0 0;}

.last-step-lms lib-lms-meps .parameters-value ~ .parameters-value > div:last-child {
    border: 0;
}

.last-step-lms lib-lms-meps .parameters-value:last-child {
    padding-bottom: 20px;
}
.last-step-lms lib-lms-meps .parameters-value .parameters-loop:empty {
    display: none;
}


.last-step-lms lib-lms-meps .parameters-value ~ .parameters-value > div:last-child {
    padding-top: 00;
    padding-bottom: 10px;
}

.last-step-lms lib-lms-meps .parameters-value {
    padding-bottom: 0;
}
.last-step-lms lib-lms-meps .parameters-value ~ div {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 700;
    vertical-align: baseline;
    color: #095d7d;
    align-items: center;
}

.last-step-lms lib-lms-meps .payment-duration label {
    margin-right: 6px;
}

.last-step-lms lib-lms-meps .product-name label {
    margin-bottom: 5px;
}

.last-step-lms lib-lms-meps .parameters-value ~ div label {
    color: #333;
}


span.text-justify.text-danger.mx-1 {
    display: block;
    
}



.open-installments .row.buttons-section {    border-top: 1px #d1d1d1 dashed;
    padding-bottom: 0;
    margin-bottom: 0;
    padding-top: 20px;
    margin-top: 10px;}


.row.stepper-side .row {
    margin: 0 -15px;
}

center.well.inner-boxes {
    border: 0;
    display: flex;
    flex-direction: column;
}
center.well.inner-boxes a {
    display: flex;
    flex-direction: column;
}

.section.over-view .row {
    justify-content: center;
}

.order-summary .parameters-value ~ div {
    display: flex;
  
}


.custom-box.installments-container.installments-card {
    background: url('/Resources/3/Icons-plan-reg1.png');
    background-repeat: no-repeat;
    background-size: contain;
    padding-right: 380px;
    background-position-x: 90%;
}


.installments-detail-items {
 
    width: 100%;
}

.custom-box.installments-container.installments-card {
    min-height: 210px;
    display: flex;
    align-items: center;
}


div#tiersSliders {
    height: 100%;
}

.dashboard-subscription-list {
    height: 100%;
}
.left-side p {
    margin-bottom: 0!important;
}


form .col-md-5  .order-summary .col-xs-12 {
    margin-top: 0!important;
}

.package-parameters-container {
    position: relative;
    z-index: 1;
}
.section-stepper-content .btn {
     font-size: 16px;
    font-weight: 400;
    padding: 3px 18px;
}
.section-stepper-content button:hover {
    opacity: 0.8;
}

.ng-select.ng-select-single .ng-select-container, .form-control {

    background-color: rgb(241 241 245 / 20%) !important;
    border: 1px #d3c7c7 solid !important;
}






.stepper-side .html-block-added {
    height: 100%;
    overflow: hidden;
    padding: 0 0;
    border: 0;
    background: #f9f9f9;
    box-shadow: 0 0 10px 5px #00000017;
    
    border-radius: 0px 0px 10px 80px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

.stepper-side  div#tiersSliders {
    padding-right: 0;
}

.stepper-side  .html-data-text .html-block p.elementor-icon-box-description,.stepper-side  p.elementor-icon-box-description {
    padding: 0 10px;
    text-align: center;
    margin-top: 21px;
}.stepper-side  h2.elementor-heading-title.elementor-size-default {
    font-size: 52px;
    color: #333!important;
    margin-bottom: 20px;
}.stepper-side  li.elementor-icon-list-item {
    justify-content: flex-start;
    text-align: left;
    padding-bottom: calc(20px/2);
    display: flex;
    font-size: inherit;
    ALIGN-ITEMS: baseline;
    color: #999;
    transition: color 0.3s;
    BORDER-BOTTOM: 1PX #999 DASHED;
    LINE-HEIGHT: 15PX;
    PADDING-TOP: 10px;
}

.stepper-side  span.elementor-icon-list-icon {
    display: block;
    width: 1.6em;
}

.stepper-side  span.elementor-icon-list-icon:before {
    content: "\f00c";
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    FONT-SIZE: 11PX;
    color: #e5770a;
}
.stepper-side  ul.elementor-icon-list-items {
    padding: 0 20px;
    width: 100%;
}

.stepper-side  li.elementor-icon-list-item:LAST-CHILD {
    BORDER: 0;
}

.stepper-side .order-summary {
    box-shadow: 3px 10px 10px 0px #00000017;
    background: #fff;
    position:relative;
}

.fees-summary .col-xs-12 {
    justify-content: flex-end;
    display: flex
;
}

.stepper-side  .left-side {
    box-shadow: 0px -5px 10px 0px #00000017;
   
}

.stepper-side h2.elementor-heading-title.elementor-size-default {
    color: #23576d !important;
}

.stepper-side  table.sub_type_table_price ~ .row {
    PADDING: 0 15PX !IMPORTANT;
}
lms-package-parameters {
    margin-bottom: -30px;
    display: block;
}


productmapping h2.elementor-heading-title.elementor-size-default {
    margin-top: 30px;
}

.last-step-lms lib-lms-meps div#add-btns {
    border-top: 0 !important;
    padding: 0 !important;
    background-color: #fff;
    /* box-shadow: 0 0 10px 5px #00000008; */
    background-image: url(/Resources/3/Icons-payment_1.png);
    background-position: 80%;
    background-size: contain;
    background-repeat: no-repeat;
}

.last-step-lms div#add-btns col {
    background: #fbfaf7;
    border-radius: 10px;
    padding: 23px 20px;
}

.last-step-lms div#add-btns > .col {
    text-align: left;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0px 0px 5px 2px rgb(0 0 0 / 3%);
    max-width: 375px;
}

.last-step-lms div#add-btns > .col div span:first-child {
    font-weight: bold;
}


.last-step-lms div#add-btns > .col div {
    position: relative;
    padding-left: 0;
    padding: 15px 0;
    border-bottom: 1px #d7d7d7 solid;
    display: flex;
    justify-content: space-between;
}

.last-step-lms div#add-btns .input-data-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0;
}

.last-step-lms label.title-text {
    font-weight: bold;
}

.last-step-lms div#add-btns > .col div:last-child {
    border: 0;
    padding-bottom: 0;
}


@media (max-width: 767px) {

.last-step-lms span.title-value {
    display: block;
    width: 100%;
}


.last-step-lms div#add-btns > .col {
    max-width: 100%;
}

.last-step-lms lib-lms-meps div#add-btns {
    background: none;
}

.last-step-lms div#add-btns > .col {
    flex-direction: column !important;
}

.last-step-lms div#add-btns > .col div {
    flex-direction: column;
}

.last-step-lms div#add-btns > .col div:last-child {
    text-align: left;
    align-content: start !important;
}

.last-step-lms div#add-btns > .col div:last-child span label {
    display: block;
    text-align: left;
}

.last-step-lms label {
    display: block;
    width: 100%;
}

.stepper-side lms-package-parameters {
    margin-bottom: 0px;
    display: block;
}.stepper-side  .left-side {
   
    margin-top: 30px;
}

.stepper-side  .elementor-widget-container {
    width: 100%;
    padding: 0 30px;
}

.stepper-side  .col-md-4 {
    padding: 0;
}

lms-package-parameters {
    margin-bottom: -20px;
}


.head-container p {
    font-size: 12px!important;
}
}









.last-step-lms div#add-btns .input-data-info {max-width: 375px;padding: 0 30px 0;padding-left: 0;padding: 15px 0;border-top: 1px #d7d7d7 solid;}
.last-step-lms lib-lms-meps div#add-btns .main-container  ~ .input-data-info ~ .input-data-info {
    justify-content: space-around !important;
}
.last-step-lms lib-lms-meps div#add-btns .main-container {
    border-bottom: 1px #d7d7d7 solid;
    border-radius: 0;
    padding-bottom: 0;
}

@media (max-width: 767px) {
.last-step-lms lib-lms-meps div#add-btns .main-container ~ .input-data-info ~ .input-data-info span.title-value {
    width: 100%;
    text-align: right;
}
.last-step-lms lib-lms-meps div#add-btns .main-container,.last-step-lms div#add-btns .input-data-info {
    width: 100%;
}
.last-step-lms lib-lms-meps div#add-btns {
    flex-direction: column;
}
.last-step-lms span.title-value {
    text-align: left;
}
.last-step-lms div#add-btns .input-data-info:nth-child(3) span.title-value ~ label.title-text {
    width: auto
}
.last-step-lms div#add-btns .input-data-info:nth-child(3) span.title-value {width: 100%;}
}
.last-step-lms div#add-btns > .col {
    box-shadow: none;
    padding-bottom: 0;
    padding: 0;
}

.last-step-lms label.title-text {
    margin-bottom: 0;
}

.last-step-lms div#add-btns > .col div:last-child {
    padding-bottom: 15px;
}

.last-step-lms lib-lms-meps div#add-btns {
    max-width: 375px;
    border-radius: 10px;
    box-shadow: 0px 0px 5px 2px rgb(0 0 0 / 3%);
    padding: 20px 30px 10px 30px!important;
    background: #fff;
    display: flex;
    flex-direction: column;
}
.last-step-lms {
    background-image: url(/Resources/3/Icons-payment_1.png);
    background-position: 80%;
    background-repeat: no-repeat;
        background-size: 328px;
}
.last-step-lms lib-lms-meps .row.buttons-section {
    margin-top: 40px;
}


@media (max-width: 767px) {
    
.last-step-lms label.title-text {
text-align: left;
}
.last-step-lms { background-image:none;}
.last-step-lms div#add-btns .input-data-info {
    flex-direction: column;}
    
    .custom-box.installments-container.installments-card {
    background: none!important;
}

}